@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,100% {
        -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
        transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
    }

    0% {
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }

    33% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }

    66% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,100% {
        -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
        transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
    }

    0% {
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }

    33% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1);
    }

    66% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }

    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1);
    }
}

@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }
}

@keyframes bounceOut {
    0% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9);
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3);
    }
}

.loading {
    -webkit-animation: rotating 0.8s steps(12) infinite;
    -ms-animation: rotating 0.8s steps(12) infinite;
    animation: rotating 0.8s steps(12) infinite;
}
.modal-loading-box{
    width: 40px;
    height: 40px;
    position: relative;
}
.modal-loading-block{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
}
.modal-loading-box .modal-loading-line{
    width: 4px;
    height: 10px;
    background-color: #CCCCCC;
    position: absolute;
    border-radius: 3px;
}
.modal-loading-box .modal-loading-line:nth-child(1){
    top: 0;
    left: 18px;
}
.modal-loading-box .modal-loading-line:nth-child(2){
    bottom: 0;
    left: 18px;
}
.modal-loading-block:nth-child(2){
    -webkit-transform: rotate3d(0,0,1,30deg);
    -ms-transform: rotate3d(0,0,1,30deg);
    transform: rotate3d(0,0,1,30deg);
}
.modal-loading-block:nth-child(3){
    -webkit-transform: rotate3d(0,0,1,60deg);
    -ms-transform: rotate3d(0,0,1,60deg);
    transform: rotate3d(0,0,1,60deg);
}
.modal-loading-block:nth-child(4){
    -webkit-transform: rotate3d(0,0,1,90deg);
    -ms-transform: rotate3d(0,0,1,90deg);
    transform: rotate3d(0,0,1,90deg);
}
.modal-loading-block:nth-child(5){
    -webkit-transform: rotate3d(0,0,1,120deg);
    -ms-transform: rotate3d(0,0,1,120deg);
    transform: rotate3d(0,0,1,120deg);
}
.modal-loading-block:nth-child(6){
    -webkit-transform: rotate3d(0,0,1,150deg);
    -ms-transform: rotate3d(0,0,1,150deg);
    transform: rotate3d(0,0,1,150deg);
}
.modal-loading-block:nth-child(1) .modal-loading-line:first-child{
    opacity: 1;
}
.modal-loading-block:nth-child(2) .modal-loading-line:first-child{
    opacity: 0.9;
}
.modal-loading-block:nth-child(3) .modal-loading-line:first-child{
    opacity: 0.8;
}
.modal-loading-block:nth-child(4) .modal-loading-line:first-child{
    opacity: 0.7;
}
.modal-loading-block:nth-child(5) .modal-loading-line:first-child{
    opacity: 0.6;
}
.modal-loading-block:nth-child(6) .modal-loading-line:first-child{
    opacity: 0.5;
}
.modal-loading-block:nth-child(1) .modal-loading-line:last-child{
    opacity: 0.4;
}
.modal-loading-block:nth-child(2) .modal-loading-line:last-child{
    opacity: 0.3;
}
.modal-loading-block:nth-child(3) .modal-loading-line:last-child{
    opacity: 0.2;
}
.modal-loading-block:nth-child(4) .modal-loading-line:last-child{
    opacity: 0.1;
}
.modal-loading-block:nth-child(5) .modal-loading-line:last-child{
    opacity: 0.01;
}
.modal-loading-block:nth-child(6) .modal-loading-line:last-child{
    opacity: 0.001;
}
@-webkit-keyframes rotating {

    0%{
        -webkit-transform: rotate3d(0,0,1,0deg);
        -ms-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg);
    }

    100%{
        -webkit-transform: rotate3d(0,0,1,360deg);
        -ms-transform: rotate3d(0,0,1,360deg);
        transform: rotate3d(0,0,1,360deg);
    }

}
@keyframes rotating{

    0%{
        -webkit-transform: rotate3d(0,0,1,0deg);
        -ms-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg);
    }

    100%{
        -webkit-transform: rotate3d(0,0,1,360deg);
        -ms-transform: rotate3d(0,0,1,360deg);
        transform: rotate3d(0,0,1,360deg);
    }

}